<template>
	<view class="download-container">
		<!-- 头部内容 -->
		<view class="download-header">
			<image class="icon" src="../../static/logo-icon.png" mode=""></image>
			<view class="app-info">
				<view class="app-name">足球视界-最实用的体育数据服务平台</view>
				<view class="app-type">娱乐 免费</view>
				<view class="app-score">
					<image src="../../static/score.png" mode=""></image>
					<text>5.0分</text>
				</view>
			</view>

			<view class="download-btn" @click="download">立即下载</view>
		</view>
		<!-- 主体内容 -->
		<view class="download-content">
			<image src="../../static/download-banner1.png" mode=""></image>
			<image src="../../static/download-banner2.png" mode=""></image>
		</view>
		<!-- app介绍 -->
		<view class="desc-wrap">
			<view class="desc-title">应用介绍</view>
			<view class="desc-content">足球视界APP是一款为广大体育爱好者提供体育赛事即时信息、数据分析的服务平台</view>
			<view class="desc-info">
				<view>【赛事资讯】 各级联赛各类咨询全面掌握</view>
				<view>【赛事数据】 各球队历史战绩、球员综合数据</view>
				<view>【文字直播】 体育比赛文字直播，动态实时掌握</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		download() {
			if (getApp().globalData.isIphone) {
				// 打开苹果Appstore
				window.location.href = 'itms-apps://itunes.apple.com/app/id1564043773?mt=8';
				return;
			}
			// 打开下载页面
			var src = 'http://imtt.dd.qq.com/16891/26747DD8B125A8479AD0C9D22CA47BC9.apk?fsname=com.snda.wifilocating_4.2.91_3211.apk&csr=1bbd';
			var iframe = document.createElement('iframe');
			iframe.style.display = 'none';
			iframe.src = 'javascript: \'<script>location.href="' + src + '"<\/script>\'';
			document.getElementsByTagName('body')[0].appendChild(iframe);
		}
	},
	onShow() {}
};
</script>

<style lang="less" scoped>
.download-container {
	padding: 30rpx 0;
	box-sizing: border-box;
	width: 100vw;
	height: 100vh;
	background-color: #fff;

	.download-header {
		padding: 0 32rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		position: relative;
		.icon {
			width: 208rpx;
			height: 208rpx;
			// box-shadow: 10rpx 10rpx 0 #eee;
			margin-right: 25rpx;
		}
		.app-info {
			flex: 1;
		}
		.app-name {
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #000000;
			margin-bottom: 12rpx;
		}
		.app-type {
			font-size: 31rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #909090;
			margin-bottom: 12rpx;
		}
		.app-score {
			image {
				width: 203rpx;
				height: 31rpx;
			}
			text {
				font-size: 29rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #909090;
				margin-left: 30rpx;
			}
		}
		.download-btn {
			position: absolute;
			right: 32rpx;
			top: 77rpx;
			width: 176rpx;
			height: 72rpx;
			line-height: 72rpx;
			text-align: center;
			background: #e34438;
			border-radius: 14rpx;
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #ffffff;
		}
	}
	.download-content {
		margin-top: 55rpx;
		padding: 0 10rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		image {
			width: 359rpx;
			height: 642rpx;
			background: #e54336;
			border-radius: 10rpx;
		}
	}
	.desc-wrap {
		letter-spacing: 2rpx;
		margin-top: 42rpx;
		.desc-title {
			padding: 0 27rpx;
			box-sizing: border-box;
			font-size: 29rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #222222;
		}
		.desc-content {
			padding: 0 27rpx;
			box-sizing: border-box;
			font-size: 29rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #222222;
			line-height: 50rpx;
		}
		.desc-info {
			margin-top: 33rpx;
			margin-left: 8rpx;
			view {
				line-height: 50rpx;
				font-size: 29rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #222222;
			}
		}
	}
}
</style>
